<template>
    <div class="page">
        <!-- <div class="page" data-name="pageName">
            <div class="page-content">
                <div class="block">
                    <p>pageName</p>
                </div>
            </div>
        </div>
        <div class="page" data-name="el">
            <div class="page-content">
                <div class="block">
                    <p>el</p>
                </div>
            </div>
        </div> -->
        <div class="navbar">
            <div class="navbar-inner sliding">
                <div class="left">
                    <a href="#" class="link back">
                        <i class="icon icon-back"></i>
                    </a>
                </div>
                <div class="title">route</div>
            </div>
        </div>
        <div class="page-content">
            <div class="block-title">路由内容来源的几种种类</div>
            <!-- Link to another page -->
            <div class="list links-list">
                <ul>
                    <li>
                        <a href="content">content</a>
                    </li>
                    <li>
                        <a href="./url">url</a>
                    </li>
                    <li>
                        <a href="template/frontend/">template</a>
                    </li>
                    <li>
                        <a href="templateUrl/rlair/">templateUrl</a>
                    </li>
                    <li>
                        <a href="async">async</a>
                    </li>
                    <!-- <li>
                                        <a href="pageName">pageName</a>
                                    </li>
                                    <li>
                                        <a href="el">el</a>
                                    </li> -->
                    <li>
                        <a>component(单独讲)</a>
                    </li>
                    <li>
                        <a>component url(单独讲)</a>
                    </li>
                </ul>
            </div>
        </div>

    </div>

</template>
<script>
    return {
        methods: {
            log(e) {
                console.log(e)
            }
        },
        // Page Events
        on: {

        }
    }
</script>